<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>购物车</title>
    <link rel="stylesheet" href="./css/style.css" />
    <link rel="stylesheet" type="text/css" href="./css/all.css" />
    <link
      rel="stylesheet"
      href="./bootstrap-3.4.1-dist/css/bootstrap.min.css"
    />
    <link rel="stylesheet" href="./css/shopcar.css">
    <script src="./js/jquery.min.js"></script>
  </head>
  <body>
    <!-- 头部 -->
    <div id="header">
      <!-- 顶部导航栏 -->
      <div class="nav-top">
        <div class="nav-top-mid">
          <div class="nav-top-r">
            <div class="login" id="log">
              <a href="./login.html">登陆</a>
              <a href="./register.html">注册</a>
            </div>
            <div class="login" id="log1" style="display: none;">
              会员:<span></span><em id="quit">退出</em>
        </div>
            <span class="m-line"></span>
            <div class="nav-help">
              <a href="#">帮助中心</a>
            </div>
            <span class="m-line"></span>
            <div class="nav-download">
              <a href="#">下载APP</a>
            </div>
            <span class="m-line"></span>
            <div class="nav-p">
              <a href="#">资质证明</a>
              <a href="#">协议规则</a>
            </div>
          </div>
        </div>
      </div>
      <!-- 搜索框 -->
      <div class="nav-search">
        <div class="s-logo"></div>
        <ul class="tab-list">
          <li class="tab-item tt">首页</li>
          <li class="tab-item t-i">限时采购</li>
          <li class="tab-item t-i">企业抢购</li>
        </ul>
        <div id="btn-s">
          <em class="glyphicon glyphicon-shopping-cart" id="btn-c"></em>
        </div>
        <div id="search-form">
          <em class="glyphicon glyphicon-search"></em>
          <input type="text" name="" id="btn-search" />
          <ul class="search-res"></ul>
        </div>
      </div>
    </div>
    <!-- 头部end -->

    <!-- 内容 -->
    <div id="shopmsg">
      <div class="list">
        <span class="ind"><a href="./index.html">首页</a></span>
        <em>></em>
        <span class="car"><a href="#javascript">购物车</a></span>
       
      </div>
      <div id="continer">
        <!-- 没数据时 -->
        <div class="no-msg" >
          <div class="no-car">
            <img src="./images/shopcar.png" alt="">
            <p>购物车还是空的</p>
          </div>
          <div class="black-btn">
            <a href="./list.html">继续逛</a>
          </div>
        </div>

        <!-- 有数据时 -->
        <div class="has-msg" style="display: :none;">
          <!-- <div class="goods-tit"> -->
            <!-- 引入 -->
            <div class="float-box">

              <div class="confirm-box">
      
                  <h4 class="confirm-title">
                      <span></span>
                      <i class="close-btn">
      
                          <span class="line-left"></span>
                          <span class="line-right"></span>
      
                      </i>
                  </h4>
      
                  <div class="confirm-content">
      
                      请选择您要删除的商品？
                  
                  </div>
      
                  <div class="confirm-btn">
      
                      <a href="javascript:;" class="delete">删除</a>
                      <a href="javascript:;" class="cancel">取消</a>
      
                  </div>
      
              </div>
             
          </div>
           <!-- 引入end -->
          <!-- </div> -->
        </div>
      </div>
    </div>
    <!-- 内容end -->
    <!-- 尾部 -->
    <div id="footer">
      <div id="f-con">
        <div class="f-logo"><img src="./images/logo.png" alt="" /></div>
        <div class="f-r">
          <ul>
            <li>
              ©xiaomiyoupin.com 苏B2-20180351 苏ICP备18025642号-1 logo苏公网安备
              32010502010244号
            </li>
            <li>
              企业名称：有品信息科技有限公司 关于我们 入驻有品 知识产权侵权投诉
            </li>
            <li>小米有品平台运营主体变更公告</li>
            <li>南京市建邺区白龙江东街8号3栋9层</li>
          </ul>
          <div class="f-r-logo"><img src="./images/f.png" alt="" /></div>
        </div>
      </div>
    </div>
  </body>
</html>
<script src="./js/jquery.min.js"></script>
<script src="./data/goods.js"></script>
<script src="./js/all.js"></script>
<script src="./js/shopcar.js"></script>
